@mixin topBtn() {
  .nav-btn {
    position: absolute;
    top: 1.5vw;
    width: 100%;
    height: 2vw;

    .btn-left {
      float: left;
      width: 25%;
      height: 100%;
      margin-left: 5%;
    }

    .btn-right {
      float: right;
      width: 25%;
      height: 100%;
      margin-right: 5%;
    }

    .btn-list {
      position: relative;
      float: left;
      width: 100%;
      height: 1.6vw;
      font-size: 1vw;
      line-height: 1.6vw;
      color: #0efcff;
      text-align: center;
      letter-spacing: 0.1vw;
      cursor: pointer;

      &::before {
        position: absolute;
        inset: 0;
        content: '';
        border: 1px solid #6176af;
        transform: skewX(-38deg);
      }

      &:hover::before {
        border-color: #0efcff;
        box-shadow: 1px 1px 3px 1px #0efcff inset;
      }
    }
  }
}